export const c1 = `<f-pager 
    @page="onPage"
    :total="data.total"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>`
export const c2 = `<f-pager 
    @page="onPage"
    :showTotal="true"
    :total="data.total"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>`
export const c3 = `<f-pager 
    @page="onPage"
    :showTotal="true"
    :showPagesize="true"
    :total="data.total"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>`
export const c4 = `<f-pager 
    @page="onPage"
    :showTotal="true"
    :showPagesize="true"
    :showJump="true"
    :total="data.total"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>`
export const c5 = `<f-pager 
    @page="onPage"
    :showTotal="true"
    :showPagesize="true"
    :showJump="true"
    :pagerCount="5"
    :total="data.total"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>`
export const c6 = `<f-pager 
    @page="onPage"
    :total="data.total"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>
<br/>
<f-pager 
    @page="onPage"
    :total="data.total"
    justify="center"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>
<br/>
<f-pager 
    @page="onPage"
    :total="data.total"
    justify="flex-end"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>`
export const c7=`<f-pager 
    @page="onPage"
    :total="data.total"
    fillMode="normal"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>
<br/>
<f-pager 
    @page="onPage"
    :total="data.total"
    fillMode="none"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>
<br/>
<f-pager 
    @page="onPage"
    :total="data.total"
    fillMode="outline"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>
<br/>
<f-pager 
    @page="onPage"
    :total="data.total"
    fillMode="reverse"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>`
export const c8=`<f-pager 
    @page="onPage"
    :total="data.total"
    :simple="true"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>
<br/>
<f-pager 
    @page="onPage"
    :total="data.total"
    :simple="true"
    prev="上一页"
    next="下一页"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>
<br/>
<f-pager 
    @page="onPage"
    :total="data.total"
    :simple="true"
    justify="space-between"
    prev="上一页"
    next="下一页"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>`
export const c9 = `<f-pager 
    @page="onPage"
    :total="data.total"
    theme="success"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>
<br/>
<f-pager 
    @page="onPage"
    :total="data.total"
    theme="danger"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>
<br/>
<f-pager 
    @page="onPage"
    :total="data.total"
    theme="warning"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>
<br/>
<f-pager 
    @page="onPage"
    :total="data.total"
    theme="noble"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>
<br/>
<f-pager 
    @page="onPage"
    :total="data.total"
    theme="info"
    v-model:page="data.page"
    v-model:pagesize="data.pagesize"
/>`